<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="/commons/taglibs.jsp"%>
<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="Keywords" content="begincode,BeginCode,初学者,初学者社区,java教程,web教程,demo,项目案例,代码分享"/>  
    <meta name="Description" content="${resource.resourceName } ,begincode www.begincode.net  初学者社区，志在让更多软件开发初学者能够掌握一门开发技术  "/> 
    <%@ include file="/commons/meta.jsp"%>
<title>${resource.resourceName },资源下载，beginCode,BeginCode</title>
<!-- Bootstrap -->
<link href="${ctx}/css/bootstrap.css" rel="stylesheet">
<link media="screen" href="${ctx}/css/pinglun.css" rel="stylesheet">
<script src="${ctx}/js/jquery.min.js"></script>

 
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body  >
		<jsp:include page="/page/core/top.jsp" />
 <div class="jumbotron">
      <div class="container">
        <h1>${resource.resourceName }</h1>
        <p> ${resource.resourceAbstract } </p>
      </div>
    </div>
	<div class="container .col-xs-" >
		<div class="row" >
					<div class="col-md-9" >
							  <div class="panel panel-primary" style="margin-top:0;" >
							  	<div class="panel-body">
							       <h3 >
							       <span class="icon" style="background:#44ac57; "  title="推荐内容">荐</span>
							       ${resource.resourceName }
							      </h3>

							       <hr style="border:none;border-top:2px solid blue; height:0;" />
							       	<div class="col-md-6">
							       		<p>
							       		 <h4 class="text-danger">技术交流群：15995674</h4>
							       		 <a target="_blank" href="http://shang.qq.com/wpa/qunwpa?idkey=8fd253e8388cb8bb214d62e9376d7fcd15954d3948739a71c358bf63907ff9b1"><img border="0" src="http://pub.idqqimg.com/wpa/images/group.png" alt="BeginCode和他的小伙伴们" title="BeginCode和他的小伙伴们"></a>
							       		 <a target="_blank" href="http://shang.qq.com/wpa/qunwpa?idkey=418d42b26859b9b9a04cf4344893d6e16ec688e21e8789d6bf71d6a3e84231b4"><img border="0" src="http://pub.idqqimg.com/wpa/images/group.png" alt="BeginCode技术交流1群" title="BeginCode技术交流1群"></a>
							       		</p>
							       		<p class="text-warning">
							       		       电子版仅供预览及学习交流使用，下载后请24小时内删除，支持正版，喜欢的请购买正版书籍：
							       		</p>
							       		<p>&nbsp;</p><p>&nbsp;</p>
							       		<p>
							       		 <h4 >资源下载地址：<a href="${resource.downAddr}" alt="${resource.resourceName}" target="_blank" > <span class="text-primary-resource" >${resource.resourceName}</span></a></h4>
							       		</p>
							       		<p>&nbsp;</p>
							       		<p class="text-warning">
							       		       如资源不存在，请进群喊站长
							       		</p>
							       		
							       	</div>
							       	<div class="col-md-6">
							       		<img class="img-responsive resourceMaxheight center-block" alt="${resource.resourceName}" src="${resource.pic}"/>
							       	</div>
		<div class="col-md-12">
		<p>${resource.resourceContent }
     
</p> </div>					      
    
<span class="r blogAuthLabel"><b>创建时间：</b>
								<fmt:formatDate	pattern="yyyy-MM-dd" value="${resource.createDatetime }" /> &nbsp; | &nbsp;<b>浏览</b>(${resource.downCount })&nbsp;  
								</span>
</div>
 

 </div>
					</div>
					<div class="col-md-3">
					   <div class="panel panel-primary ">
					<div class="panel-heading">资源标签库</div>
					<div class="panel-body" id="resourceTypes">
 					</div>
				</div>
						<div class="list-group">
							<a href="#" class="list-group-item active"> 相关资源 </a> 
							<div id="relationTopTen"></div>
						</div>
					</div>
			 </div>
			

	</div>
		<hr>
<!-- foot -->
	<jsp:include page="/page/core/foot.jsp" />
	<script src="${ctx}/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="${ctx}/js/resource/resource.js"></script>
	<script type="text/javascript" src="${ctx}/js/beginCodeUtil.js"></script>
 	<script src="${ctx}/js/validate/jquery.validate.js"></script>
	<script src="${ctx}/js/validate/jquery.metadata.js"></script>
	<script src="${ctx}/js/validate/messages_zh.js"></script>
	<script type="text/javascript">
	var typeId = ${resource.resourceType.resourceTypeId};
	$(document).ready(function(e) {
// 		topTen();
		topRelationTen(typeId);
		resourceType();
// 		blogViewInit(blogId);
	});

</script>
</body>
</html>